/*
Theme Name: Herisson08
Theme URI: http://delivrer-des-livres.fr/
Description: The first theme created by Sophie Herisson.
Version: 0.4
Author: Sophie Herisson
 
Creation Theme by Sophie Herisson || http://www.delivrer-des-livres.fr/
 
*/

/* le site */

body {
font-family: 'comic sans ms', Georgia, Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 0.9em;
background: #fff;
background: url(http://delivrer-des-livres.fr/wp-content/uploads/2016/01/fondetoilec.png);
color: #91303a;
margin: 0;
}

/* la page */
#page {
margin: 0 auto 0 auto;
width: 1000px;
}

/* souligner */
u{border-bottom: 1px dotted;text-decoration: none} 

/* image liens */
a img
{
border: none;
}

.alignright {
float:right;
padding:10px;}

.alignleft {
float:left;
padding:10px;}

.aligncenter {
float:center;}

/* les liens */
/* Les liens qui ne sont pas sous le curseur. */
a { 
	color: #91303a;
	text-decoration:none;
	font-family:'comic sans ms', Georgia,Arial,Verdana; 
}

/* Les liens lorsque le curseur est dessus. */
a:hover {
text-decoration: none;
border-bottom: 1px dotted;
font-family:'comic sans ms', Georgia,Arial,Verdana;
color: #91303a;
}

a:visited { /* Les liens visit�s. */
	color: #91303a;
	text-decoration:none; 
	 
}

/* le haut */
#header {
font-family:'comic sans ms', Georgia, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
width: 1000px;
padding: 0px 100px 20px 100px;
margin:auto
}

/*bandeau*/
#bandeau {
list-style: none ; 
text-decoration:none;
margin: -10;
}
#bandeau li{
float: left ;
}

#imgbandeau {
margin: 0;

}

/*mini liens*/
#mini {
margin: 10px 10px 100px 10px;
list-style: none ; 
text-decoration:none;
border: none;
}

/*le menu*/
#navigation { 
    width: 950px ; 
    list-style: none ; 
  color: #fff;
    margin: 0 0 0 30px ; 
    padding: 0 ;
        }

#navigation li { 
    float: left ;
    color: #fff;
    width: 150px;
    margin : 2px;
    background: none ;
text-align:center; 
    }

#navigation li a { 
display: block ;
width: 150px;    
    font-size: 1.7em;
    font-family: 'comic sans ms', Georgia,Arial,sans-serif ; 
    color: #9d3087;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px dashed #91303a;
border-radius: 10px;
    line-height: 1.7em ; 
    text-decoration: none ;
    padding: 0; 
    }

#navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
width: 150px;   
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px dashed #B7DED9;
border-radius: 10px;
color: #B7DED9;
text-decoration: none ; 
    }

#fin {
 clear: left;
}

/* titre du blog */
#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
}


/* description du blog */
#header p {
padding: 0 0 0 0;
font-size: 1em;
}


/* contenu */
#content {
float: left;
width: 600px;
padding: 5px 30px 0px 30px;
margin-bottom: 10px;
background:#fff;
border:1px dashed #B7DED9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
list-style: none ;
font-size: 14px;}
}

#content p {
text-align:justify;}

/* liste titre et date */
#datetitre { 
display: inline;
    list-style: none ; 
 margin: none;
    color: #fff;
}   

#datetitre li { 
        color: #fff;
   margin: none;
    background: none ;
}


/* date des articles*/
.date {
align: left;
color: #B7DED9;
background: url(calendrier.png) no-repeat;
}

.jour{
font-size: 1.3em;
padding-left: 24px;
}

.mois{
font-size: 1em;
}

.annee{
font-size: 1.3em;
}




/* titres des articles */
#content h2 {
line-height: 1.6em;
margin-bottom: 2px;
background: #B7DED9;
padding: 3px;
border:1px dashed #C7AFCE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-size: 1.4em;
}

#content h2 a {color: #FFF;}

#content h3 {
line-height: 1.6em;
font-size:1.4em;
text-align: center;}

#content h4 {
line-height: 1.4em;
font-size:1.2em;
text-align: center;}

#content h5 {
line-height: 1.4em;
font-size:1.2em;
text-align: center;
font-style:italic;}

#content h6 {
line-height: 1.4em;
font-size:1em;
text-align: center;
font-style:italic;
color: #B7DED9;}


/* postmetadata articles*/
.postmetadata2 {
font-size: 0.9em;
color: #999;
border:1px dashed #B7DED9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
}

/* liens commentaires postmetadata article*/
#commentaires {
font-size: 1.2em;
text-align: right;
color:#300;
background: url(comm.png) right no-repeat;
padding: 4px 35px 4px 20px;}

#commentaire a {
color:#300;}


/* texte de l'article */
.post_content {
font-size: 1.2em;
color: #838487;
}

/* entre deux articles */
#entre {
margin : 1px 10px 1px 10px:
background: url(separateur.gif);
}


/*commentaires*/


.comments-template{
	margin: 10px 10px 0 0;
}
 
.comments-template ol{
	margin: 10px;
	padding: 10px;
	list-style: none;

}
 
.comments-template ol p{
	font-family: 'comic sans ms', Trebuchet MS, Arial, Hevletica, Sans-serif;
	line-height: 1.4em;
	font-size: 1em;
list-style: none;
}
 
.comments-template ol li{
	margin: 10px 10px 10px 10px;
	line-height: 15px;
	padding: 10px;
list-style: none;
border: 1px solid #B7DED9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
 
.comments-template h2, .comments-template h3{
	font-size: 1.2em;
}
 
.commentmetadata{
	font-size: 1.2em;
	line-height: 1.5em;
	font-family: Georgia;
	color: #63473c;
	}

.author email url {
	font-size: 1.3em;
	line-height: 1.5em;
	font-family: Georgia;
	color:#63473c;
	}

 
.comments-template p.nocomments{
	padding: 0;
}
 
.comments-template textarea{
	margin: 10px 10px 0 0;
	font-family: Georgia, Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}
 
.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

.commentform {
        font-family: Georgia, Arial;
	color: #63473c;
font-size: 1em;
	line-height: 1.3em;
}

.comment {
        font-family: Georgia, Arial;
	color: #63473c;
font-size: 1em;
	line-height: 1.2em;
}
.comments {
        font-family: Georgia, Arial;
	color: #B7DED9;
font-size: 1em;
	line-height: 1.2em;
}

 
/* les sidebars */

.sidebar {
float: left;
width: 310px;
background : #fff;
border: 1px dashed #B7DED9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px 0 10px 0;
}

.leftsidebar{
font-size: 1em;
line-height: 1.5em;
padding: 5px 0;
margin: 0 0 0 0;
width: 300px;
float: center;
color: #B7DED9;
position: relative;
}


.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 0 0 5px;
}

.sidebar h2 {
font-family: 'comic sans ms', Georgia,Arial,sans-serif ;
font-size: 1.3em;
width: 300px;  
color: #9d3087;
border: 1px dashed #B7DED9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
line-height: 1.7em ; 
text-decoration: none ;
padding: 0;
text-align:center;
}

.sidebar ul li{}

.sidebar p{
color: #B7DED9;
}

/* liens dans la sidebar*/
.sidebar a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}


/* formulaire de recherche */
#searchform {
background: url(search.png) no-repeat;
padding: 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

/*categories*/
#cat {
width: 300px;
}

#cat h2{
font-family: 'comic sans ms', Georgia,Arial,sans-serif ;
font-size: 1.3em;
color: #B7DED9;
border: 1px dashed #B7DED9;
text-align: center;
line-height: 1.7em ;
padding: 5px 0 4px 0;
width: 300px;
text-align: center;
}

/*tags*/
#tag {
width: 300px;
}

#tag h2{
font-family: 'comic sans ms', Georgia,Arial,sans-serif ;
font-size: 1.3em;
color: #B7DED9;
line-height: 1.7em ;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px dashed #B7DED9;
border-radius: 10px;
width: 300px;
text-align: center;
padding: 5px 0 4px 0;
}

/* bas */
#footer {
font-size: 1em;
background : #fff;
border: 1px dashed #B7DED9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px 0 10px 0;
margin: 0 20px;
clear: both;
width: 940px;
}


.footer2 {
width: 25%;
float: left;
}

/* texte du footer */
#footer p{
text-align: left;
font-size: 1em;
padding: 10px
}

.footer2 h2 {
font-family: 'comic sans ms', Georgia,Arial,sans-serif ;
font-size: 1.3em;
width: 140px;  
color: #B7DED9;
border: 1px dashed #B7DED9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
line-height: 1.7em ; 
text-decoration: none ;
padding: 0;
text-align:center;
}

#suite {
font-size: 1.2em;
font-color: #FFF;
color: #fff;
text-align: center;
padding: 3px 0 3px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #B7DED9;
}

#suite posts_nav_link{
{color: #FFF;}

pre {
background:none repeat scroll #fff;
border-left:5px solid #ccc;
clear:both;
font:normal normal normal 13px/18px Monaco, monospace;
margin-bottom:18px;
overflow:auto;
padding:10px 15px;
}